<div class="bg-light lter b-b wrapper-sm">
    <h1 class="m-n font-thin h4">结算方管理</h1>
</div>
<div class="wrapper-sm">
    <uib-tabset active="5" class="tab-container" ng-init="steps={percent:20}">
        <uib-tab heading="基本信息" select="steps.percent=20" ui-sref="app.client.client_edit">
            <uib-progressbar value="steps.percent" class="progress-xs" type="success"></uib-progressbar>
        </uib-tab>
        <uib-tab heading="客户代表" select="steps.percent=35" ui-sref="app.client.customerrepresentative_manage"></uib-tab>
        <uib-tab heading="货物分类" select="steps.percent=45" ui-sref="app.client.goodstype_manage"></uib-tab>
        <uib-tab heading="货物" select="steps.percent=55" ui-sref="app.client.goods_manage"></uib-tab>
        <uib-tab heading="结算方" index="5" select="steps.percent=65" ui-sref="app.client.settleManagent">
            <form name="step5" id="settleForm" class="form-validation form-horizontal" novalidate ng-controller="settleManagentController">
                <uib-progressbar value="steps.percent" class="progress-xs" type="success"></uib-progressbar>
                <div class="wrapper-sm ">
                    <div class="panel panel-default">
                        <div class="panel-heading font-bold">查询</div>
                        <div class="panel-body">
                            <label class="control-label pull-left m-l m-r">客户单位</label>
                            <div class="col-md-6 form-group m-l m-r">
                                <label class="control-label pull-left m-l m-r">{{clientName}}</label>
                            </div>
                            <div class="line line-xs pull-in"></div>
                            <label class="control-label pull-left m-l m-r">结算单位</label>
                            <div class="col-md-2 form-group">
                                <input type="text" class="form-control input-sm" id="fa-search" ng-model="queryTerms.name" placeholder="请输入结算单位" name="fa-search">
                            </div>
                            <label class="control-label pull-left m-l m-r">联系人</label>
                            <div class="col-md-2 form-group">
                                <input type="text" class="form-control input-sm" id="fa-searchz" ng-model="queryTerms.contactMan" placeholder="请输入联系人" name="fa-searchz">
                            </div>
                            <button ng-click="queryFunc()" class="btn btn-sm btn-default btn-addon m-l" ng-class="{'disabled':querying}" ng-disabled="querying" id="query">
                                <i class="fa fa-search" ng-show="!querying"></i>
                                <i class="fa fa-spinner no-bordr" ng-show="querying" ng-class="{'fa-spin':querying}"></i>
                                <span ng-show="!querying">查询</span>
                                <span ng-show="querying">查询中...</span>
                            </button>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            结算方列表
                        </div>
                        <div class="table-responsive">
                            <div ui-grid="gridOptions" ui-grid-pagination ui-grid-auto-resize ui-grid-resize-columns style="height:{{heightA}}px; min-height:395px; overflow-y:hidden; min-width:1000px;">
                                <div class="watermark" ng-if="!gridOptions.data.length">暂无数据</div>
                            </div>
                        </div>
                    </div>
                    <button data-toggle="modal" data-target="#settle" class="pull-right-xs btn m-b-xs btn-sm btn-info btn-addon " ng-click="addSettle()" id="add"><i class="fa fa-plus"></i>添加</button>
                    <!-- Modal -->
                    <div class="modal fade" id="settle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true" id="close">&times;</span></button>
                                    <h4 class="modal-title" id="myModalLabel">{{title}}</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">单位名称<span class="text-danger">*</span></label>
                                        <div class="col-lg-6">
                                            <input type="text" class="form-control" ng-model="detail.nameBox" required placeholder="请填写单位名称" name="nameBox" id="nameBox">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">联系人<span class="text-danger">*</span></label>
                                        <div class="col-lg-6">
                                            <input type="text" class="form-control" ng-model="detail.contactManBox" required placeholder="请填写联系人" name="contactManBox" id="contactManBox">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">联系电话<span class="text-danger">*</span></label>
                                        <div class="col-lg-6">
                                            <input type="tel" class="form-control" ng-model="detail.phoneNumber" placeholder="请填联系电话" name="phoneNumber" ng-pattern="/^\d{11,12}$/" required name="phoneNumber" id="phoneNumber">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">是否启用</label>
                                        <div class="radio col-lg-2">
                                            <label class="i-checks">
                                                <input type="radio" name="male" ng-model="detail.isEnabled" value="true" id="ableMale">
                                                <i></i>
                                                启用
                                            </label>
                                        </div>
                                        <div class="radio col-lg-2">
                                            <label class="i-checks">
                                                <input type="radio" name="male" ng-model="detail.isEnabled" value="false" id="disableMale">
                                                <i></i>
                                                禁用
                                            </label>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-lg-3 control-label">备注</label>
                                        <div class="col-lg-6">
                                            <textarea class="form-control" ng-model="detail.remarks" placeholder="请填写备注" name="remarks"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-default" data-dismiss="modal" id="calcel">取消</button>
                                    <button type="button" class="btn btn-primary" ng-disabled="step5.$invalid" ng-click="detail.settleSave()" id="save">保存</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </uib-tab>
        <uib-tab heading="线路报价" select="steps.percent=75" ui-sref="app.client.lineprice_manage"></uib-tab>
        <uib-tab heading="工程" select="steps.percent=85" ui-sref="app.client.projectManagent"></uib-tab>
        <uib-tab heading="客户资料" select="steps.percent=100" ui-sref="app.client.clientinfo_manage"></uib-tab>
        <uib-tab heading="对账回款周期" select="steps.percent=100" ui-sref="app.client.returnPeriod"></uib-tab>
    </uib-tabset>
</div>